 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name width1">资源详情</div>
      </div>
      <div class="content-con">
        <div class="bank-form">
          <div class="form-item">
            <Row style="padding-top: 15px;"
            v-for="(resource,index) in resourceData"
            :key='resource.id'>
              <i-col span="10">
                <Row>
                  <i-col span="8" class="ban-left">{{resource.title}}</i-col>
                  <i-col span="16">
                    <i-input :value.sync="resource.value" readonly size="large"></i-input>
                  </i-col>
                </Row>
              </i-col>
            </Row>
          </div>
        </div>
        <div class="ban-btn">
          <i-button class="save" size="large" @click="btnClick1">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
 <script>

 export default {
   name: 'resource-view',
   props:{
     shadow: {
       type: Boolean,
       default: false
     }
   },
   data() {
     return {
       value: '',
       resourceData: [
         {
           title: '资源ID',
           value: '150'
         },
         {
           title: '父资源ID',
           value: '93'
         },
         {
           title: '资源名称',
           value: 'agentpay_passage_account'
         },
         {
           title: '资源标题',
           value: '人工客服'
         },
         {
           title: '跳转URL',
           value: ''
         },
         {
           title: '授权名',
           value: ''
         },
         {
           title: '授权URL',
           value: ''
         },
         {
           title: '资源类型',
           value: '菜单'
         },
         {
           title: '所属系统',
           value: '运营平台'
         },
         {
           title: '菜单图标',
           value: ''
         },
         {
           title: '排序值',
           value: ''
         },
         {
           title: '属性',
           value: ''
         },
         {
           title: '状态',
           value: '启用'
         }
       ]
     };
   },
   methods: {
     // 返回按钮
     btnClick1(){
       this.$router.push({name:'resource_management'})
     }
   }
 };
 </script>
 <style lang="less">
 </style>
